.housedetail{
    .contents{
        height: calc( 100vh - 0.5rem );
        overflow: auto;
        background-color: #eee;
        .header{
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
        }
        .cont1{
            padding:0.15rem;
            background-color: #fff;
            margin-bottom: 0.1rem;
            .ttl{
                font-size: 0.16rem;
            }
            .guige1{
                margin: 0.15rem 0;
                padding: 0.15rem 0;
                border-top: .01rem solid #bbb;
                border-bottom: .01rem solid #bbb;
                display: flex;
                justify-content: space-around;
                text-align: center;
                >div{
                    flex: 1;
                }
                >div{
                    >div:nth-child(2n+1){
                        color: #fa5741;
                        font-size: 0.18rem;
                        font-weight: 600;
                    }
                    >div:nth-child(2n){
                        color: #aaa;
                    }
                }
                >div:first-child{
                    >div:nth-child(2n+1){
                        font-size: 0.2rem;
                        span{
                            font-size: 0.14rem;
                            font-weight: normal;
                        }
                    }
                }
        
            }
            .guige2{
                >div{
                    display: inline-block;
                    width: 50%;
                    // display: flex;
                    >div{
                        display: inline-block;
                        
                    }
                    >div:first-child{
                        width: 20%;
                        color: #bbb;
                    }
                }
            }
        }
        .maps{
            height: 1.89rem;
            background-color: #Fff;
            .mapstitle{
                padding: 0 0.1rem;
                height: 0.44rem;
                line-height: 0.44rem;
                font-size: 0.14rem;
                color: #333;
            }
            .mapcon{
                width: 100%;
                height: 1.45rem;
                background-color: #aaa;
            }
        }
        .peitao{
            padding: 0 0.1rem;
            margin-bottom: 0.1rem;
            background-color: #Fff;
            .ptitle{
                height:0.47rem;
                line-height: 0.47rem;
                font-weight: 600;
                font-size: 0.16rem;
                border-bottom: 0.01rem solid #aaa;
                margin-bottom: 0.1rem;
            }
            .ptcont{
                >div{
                    display: inline-block;
                    padding: 0.05rem;
                }
            }
        }
    }
    .buybtn{
        position: fixed;
        left: 0;
        bottom: 0;
        height: 0.5rem;
        display: flex;
        border-top: 0.01rem solid #ccc;
        width: 100%;
        div{
            flex:1;
            text-align: center;
            line-height: 0.5rem;
            font-size: 0.2rem;
        }
        div:first-child,div:nth-Child(2){
            border-right: 0.01rem solid #ccc;
            color:#aaa;
        }
        div:last-child{
            background-color: #21B97A;
            color: #fff;
        }
    }
}